@import "variables";
seed-light-box {
  #light-box {
    .text {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: pxTorem(30);
      line-height: pxTorem(35);
      text-align: justify;
      @include font-dpr(28px);
      color: #fff;
      background: rgba(0, 0, 0, .7);
    }
    .total {
      @include font-dpr(40px);
    }
    .current {
      display: inline-block;
      margin-right: pxTorem(20);
      @include font-dpr(20px);
    }
  }
  #wrap {
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, 7);
    transition: .3s all ease;
  }
  .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    img {
      transition: .3s all ease;
      &.scale {
        transform: translate3d(0px, 0px, 0px) scale(1.6);
      } // transform: translate3d(0px, 0px, 0px) scale(1); //   position: absolute;
      //   top: 50%;
      //   left: 50%;
      //   transform: translate(-50%, -50%);
    }
  }
  .grid-list {
    overflow: hidden;
    width: 100%;
    margin-top: pxTorem(120);
    .grid-item {
      float: left;
      position: relative;
      width: 50%;
      height: pxTorem(268);
      margin-bottom: pxTorem(20);
      text-align: center;
      &:nth-child(odd) {
        padding-left: pxTorem(20);
        padding-right: pxTorem(5);
        h3 {
          margin-right: pxTorem(5);
          left: pxTorem(20);
        }
      }
      &:nth-child(even) {
        padding-right: pxTorem(20);
        padding-left: pxTorem(5);
        h3 {
          left: 0;
          margin-right: pxTorem(20);
          margin-left: pxTorem(5);
        }
      }
      seed-img {
        width: 100%;
        height: 100%;
      }
      h3 {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: initial;
        background: rgba(0, 0, 0, .7); // background: linear-gradient(#fff, #000);
        height: pxTorem(66);
        padding: 0 pxTorem(20);
        line-height: pxTorem(66);
        @include font-dpr(28px);
        color: #fff;
      }
      img {
        height: 100%;
      }
    }
  }
}
